{extends file="basePage.html"}
{block "title"}My List{/block}
{block "head"}
<script src="js/player.js" type="text/javascript"></script>
<script src="js/myList.js" type="text/javascript"></script>
{/block}
{block "body"}
<div class="myList">
{foreach from=$programs item=program}
		<div class="programRecording" id="{$program->getProgram()->getId()}-{$program->getRecordingId()}">
			<h3 class="title">{$program->getProgram()->getTitle()}</h3>
			<p class="desc">{$program->getProgram()->getDescription()}</p>
			<span class="streamUrl">{$program->getRecording()->getFileName()}</span>
			<div class="tvChannel">{$program->tvChannelName}</div>
			<div class="begin">{$program->getProgram()->getBegin()|date_format}</div>
			<div class="grabbedOn">{$program->getCreatedOn()|date_format}</div>
			<div class="left">{if floor($program->left/(60*60*24)) == 0}{floor($program->left/(60*60))} hours left to watch{else}{floor($program->left/(60*60*24))} days left to watch{/if}</div>
			<div class="action">
				<button class="btn pill play primary">
					<span><span>Play</span></span>
				</button>
				<button class="btn pill letgo">
					<span><span>Let go</span></span>
				</button>
				<button class="btn pill download">
					<span><span>Download</span></span>
				</button>
			</div>
		</div>
{/foreach}
</div>
{/block}